<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件解绑和触发</title>
</head>
<body>
    <div>我是div标签</div>

    <script src="./jquery.js"></script>
    <script>
        /*
        事件的解绑和触发
        */

        //准备事件处理函数
        function handlerA(){console.log('我是handlerA事件处理函数')}
        function handlerB(){console.log('我是handlerB事件处理函数')}
        function handlerC(){console.log('我是handlerC事件处理函数')}

        //给div元素绑定事件
        $('div')
        .click(handlerA)
        .click(handlerB)
        .click(handlerC)

        //1.off()事件解绑
        //1-1.解绑全部事件处理函数
        //语法：元素集合.off(事件类型)
        //会把div的click事件对应的所有事件处理函数全部移除
        // $('div').off('click')
        //1-2.解绑指定的事件处理函数
        //语法：元素集合.off(事件类型，要解绑的事件处理函数)
        // $('div').off('click',handlerA)

        //2.trigger()事件触发
        //使用代码的方式，求触发事件
        //语法：元素集合.trigger（事件类型）
        //就会触发该元素的该事件
        setInterval(
            function(){
                // 表示每1000ms触发一次div的click事件
                $('div').trigger('click')
            },1000
        )
    </script>
</body>
</html>